const app = getApp();

Page({

  /**
   * 页面的初始数据
   */
  data: {
    isShow: false,
    activeIndex: 0,
    // 产品分类
    categoryList: [],
    list: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onShow: function(options) {
    this.getCategory();
  },

  getCategory() {
    let url = '/product/category';
    app.$http.get(url).then(res=> {
      this.setData({
        categoryList: res.list
      })
      // 获取第一个分类的列表
      this.getList(res.list[0]._id);
    })
  },

  getList(categoryId) {
    let url = '/product/list?categoryId=' + categoryId;
    app.$http.get(url).then(res=>{
      this.setData({
        list: res.list
      })
    });
  
  },

  // 显示所有的分类
  showAll: function() {
    this.setData({
      isShow: !this.data.isShow,
      isImg: !this.data.isImg,
      isImgs: !this.data.isImgs
    })
  },

  // 切换分类,有两个入口
  changeCategory(event) {
    let activeIndex;
    let categoryId;
    // 获取下标
    let index = event.detail.index;
    // 有index的是点击了van-tabs组件
    if (typeof index === 'number') {
      categoryId = this.data.categoryList[index]._id;
    } else {
      categoryId = event.currentTarget.dataset._id;
      // 指定下标
      index = event.currentTarget.dataset.index;
    }
    this.getList(categoryId);
    // 隐藏全部分类
    this.setData({
      isShow: false,
      activeIndex: index
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  }, 

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  }
})